<template>
  <div>
    <div class="app-container">
      <!-- <Header
        :title="title"
        :right="{ to: '/app/setting', icon: 'el-icon-setting' }"
      /> -->

      <Header
        :title="title"
        :left="false"
        :right="{ to: '/app/setting', icon: 'el-icon-setting' }"
      />

      <!-- <mt-header fixed :title="title" /> -->
      <mt-cell
        :title="partner.name"
        :label="partner.title__name"
        is-link
        @click.native="onClick"
      >
        <img slot="icon" :src="partner.image" width="24" height="24" />
      </mt-cell>
      <!-- 
      <mt-button
        align="center"
        class="el-icon-plus"
        @click.native="handleLogout"
      >
        退出登录
      </mt-button> -->
      <div>
        <!-- {{ partner }} -->
      </div>
    </div>
  </div>
</template>

<script>
import Header from '@/components3/Header'
export default {
  name: 'MeConsultant',
  components: { Header },
  directives: {},
  filters: {},
  // mixins: [],
  props: {
    // title: { type: String, default: '我的' }
  },

  data() {
    return {
      title: '我的'
    }
  },
  computed: {
    partner: function() {
      return this.$store.state.appMe.partner
    }
  },
  async created() {
    //
  },

  methods: {
    onClick(item) {
      console.log('xxx, click item,', item)
    }
  }
}
</script>

<style type="text/css"></style>
